
// pages/classify/classify.js
const api = require('../../utils/api.js').default;

Page({

  /**
   * 页面的初始数据
   */
  data: {
    catalogList:[],
    head:'分类',
    animationData:{}
  },

  toGoodsList(e){
    var id = e.currentTarget.dataset.id;
    wx.navigateTo({
      url: '../goodsdetail/goodsdetail?categoryId='+id,
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    const self = this;
    // toast
    wx.showToast({
      title: '正在加载商品详情',
      icon: "loading",
      duration: 30000
    })
    
    wx.request({
      url: api.catalog,
      success(res) {
        wx.hideToast();
        console.log(res.data.data.categoryList);
        res.data.data.categoryList.length = 8;
        self.setData({
          catalogList: res.data.data.categoryList
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    //实例化animation对象
    var animation = wx.createAnimation({
      duration: 300,
      timingFunction: 'linear',
    });
    this.animation = animation;
    //设置动画初始状态
    animation.scale(0,0).step();
    //输出初始动画效果
    this.setData({
      animationData: animation.export()
    });
    //设置定时器
    setTimeout(function(){
      //设置出场动画
      animation.scale(1,1).step();
      //输出出场动画
      this.setData({
        animationData: animation.export()
      })
    }.bind(this),500);
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    //实例化animation对象
    var animation = wx.createAnimation({
      duration: 500,
      timingFunction: 'linear',
    });
    this.animation = animation;
    //设置动画初始状态
    animation.scale(0, 0).step();
    //输出初始动画效果
    this.setData({
      animationData: animation.export()
    });
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  }
})